@import "set.less";
@import "reset.css";
.app{
     background:url(../image/1.png)  right top no-repeat;
}
body{
    font-size: @font;
}


.fade-enter-active, .fade-leave-active {
    transition: all .3s ease;
  }
  /*.fade-enter, .fade-leave-to  {
    transform: translate(20px,0px);
    opacity: 0;
  }*/
  .fade-enter{
    transform: translate(200px,0px);
    opacity: 0;
  }
  .fade-leave-to{
    transform: translate(-200px,0px);
    opacity: 0;
  }
  
  .bounce-enter-active {
      animation: bounce-in .5s;
      -webkit-animation: bounce-in .5s;
  }
  
  .bounce-leave-active {
      animation: bounce-out .2s;
      -webkit-animation: bounce-out .2s;
  }
  
  @keyframes bounce-in {
      0% {
          transform: scale(0);
      }
      50% {
          transform: scale(1.05);
      }
      100% {
          transform: scale(1);
      }
  }
  
  @keyframes bounce-out {
      0% {
          transform: scale(1);
      }
      50% {
          transform: scale(0.95);
      }
      100% {
          transform: scale(0);
      }
  }